<template>
  <div>
    <div class="footer" @click="openHandel">
      © 2024 陕北矿业有限公司信息技术运维分公司
    </div>
    <a-modal
      v-model:open="open"
      title="技术支持"
      @cancel="handleCancel"
      :footer="null"
      width="900px"
    >
      <img :src="concact" alt="Logo" class="logoImg" />
    </a-modal>
  </div>
</template>

<script lang="ts" setup>
import { onMounted, reactive, ref, watch } from "vue";
import concact from "@/assets/image/concact.png";
const open = ref(false);
const handleCancel = () => {
  open.value = false;
};
const openHandel = () => {
  open.value = true;
};
</script>

<style lang="scss" scoped>
.footer {
  cursor: pointer;
  text-align: center;
  margin-top: 12px;
}
</style>